
/*清除浮动*/
.clear:after {
    content: "";
    display: block;
    /*缩放比例  触发layout的渲染模式 兼容ie*/
    zoom: 1;
    /*清除浮动*/
    clear: both;
}

body {
    /*如果系统中有第一个 就设置的  如果没有就使用第二个*/
    font-family: "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
}

/*-----------------导航--------------------*/
header{
    background-color: #efad1c;
}

.container {
    width: 1200px;
    margin: 0 auto;
}
header nav{
    background-color: #efad1c;
}

header nav li {
    float: left;
}

.top_nav ul {
    height: 80px;
}

.top_nav ul a {
    /*display: block;*/
    /*height: 50px;*/
    font-size: 12px;
    color: white;
    padding: 0 15px;
    border-right: 1px solid white;
    line-height: 80px;
}

.left_nav li:hover {
    background-color: #fff;
}

.left_nav a:hover {
    color: #efad1c;
}

/*清除最后一个li里面a的右边框*/
.left_nav li:last-child a {
    border-right: 0 none;
}

.left_nav {
    float: left;
}

.ttt {
    margin-right: 86px;
}

.right_nav {
    float: right;
}

.top_nav .right_nav li img{
    padding: 0 10px;
    position: relative;
    top: 23px;

}

/*-------------------banner-----------------*/
.banner {
    width: 100%;
    height: 770px;
    background: url("../images/banner.png") no-repeat center;
    background-size: cover;
}

.banner span {
    font-size: 50px;
    font-weight: bold;
    color: white;
    padding-bottom: 6px;
    background-color: rgba(129,129,129,0.5);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    opacity: 0;
    transition:opacity 1s;
}

.banner:hover span {
    opacity: 1;
}

.banner .right_button {
    right: 0;
}

.banner .pointer li {
    float: left;
    width: 50px;
    height: 10px;
    background-color: #9f9f9f;
    margin-right: 2px;
}

.banner .pointer li:hover {
    background-color: firebrick;
}

.banner .pointer {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -78px;
}

.banner .pointer .action {
    background-color: #efad1c;
}

/*-----------------文案------------------*/
.content h3 {
    color: #333333;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    margin-top: 140px;
    margin-bottom: 25px;
}

.content p {
    color: #444444;
    text-align: center;
    margin-bottom: 110px;
}

/*------------资质介绍--------------*/
.description {
    background-color: #f2f2f2;
    height: 200px;
    margin-bottom: 110px;
}

.description ul li {
    float: left;
    padding: 0 50px;
    width: 300px;
    box-sizing: border-box;
}

/*-------------免费预约体验课-------------*/
/*---按钮---*/
.free {
    color: #efad1c;
    font-size: 22px;
    width: 200px;
    height: 40px;
    text-align: center;
    border: 1px solid #efad1c;
    line-height: 40px;
    /*设置边框半径 如果宽高相同 边框半径设置为50% 就是圆形*/
    border-radius: 10%;
    margin-bottom: 150px;
}

.free:hover {
    color: white;
    background-color: #efad1c;
}

/*----课程---*/
/*左内容*/
.baby_class .left_content {
    background: url("../images/师资图.jpg") no-repeat center;
    width: 387px;
    height: 575px;
    /*-----百分百缩放图片-----*/
    background-size: cover;
    float: left;
}
/*右内容*/
.baby_class .right_content{
    width: 800px;
    height: 243px;
    float: left;
}

.baby_class .right_content ul {
    float: left;
    width:300px;
    height:220px;
   margin: 0 0 59px 52px;
}

.baby_class .right_content ul li img {
    width: 310px;
    height: 230px;
    margin-bottom: 10px;
    padding-top: 15px;
}

.baby_class .right_content ul li {
    text-align: center;
}

/*-----星空------*/
.vip {
    background: url("../images/星空图.jpg") no-repeat center;
    width: 100%;
    height: 200px;
    margin-top: 75px;
}

/*------承诺-------*/
.our {
    background: url("../images/承诺背景.jpg") no-repeat center;
    width: 100%;
    height: 320px;
}

.aaa {
    float: left;
}

.our div h3 {
    font-size: 28px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 28px;
}

.money ul{

    width:300px;
    height:200px;
    float: left;

    margin-left: 150px;
}
.money ul.aaa {
    margin-left: 0;
}

.our .money ul .ziti {
    color: white;
    font-size:18px ;
    text-align: center;
}

.our .money ul .bbb {
    color: white;
    font-size:12px ;
    text-align: center;
}

.our .money ul li img {
    width: 60px;
    height: 60px;
    text-align: center;
    padding-left: 120px;
    padding-bottom: 25px;
}

/*-------页脚-------*/
.foot {
    background-color: #888888;
    width: 100%;
    height: 200px;
    padding-left: 220px;
    padding-right: 240px;
    /*把内边距包含在整个宽度里*/
    box-sizing: border-box;
}

.foot .fff {
    height: 67px;
    border-bottom: 1px solid white;
    box-sizing: border-box;
}

.foot .ccc {
    float: left;
}
.foot .ccc ul li {
    float: left;
    color: white;
    padding: 0 8px;
    padding-top: 18px;
}

.foot .ddd {
    float: right;
    padding-top: 13px;
    padding-bottom: 20px;
}

.foot .ddd ul:first-child li {
    padding-bottom: 3px;
}

.foot .ddd .eee {
    padding-left: 43px;
}

.foot .ggg h4 {
    color: white;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding-top: 18px;
}

.foot .hhh {
    padding-left: 525px;
    padding-top: 10px;
}

.foot .hhh ul li {
    float: left;
    padding: 0 3px;
}

.foot .hhh ul li img {
    width: 30px;
    height: 30px;
}

.foot .iii {
    color: white;
    font-size: 12px;
    text-align: center;
}
